<template>
  <view class="privacy-container">
    
    <!-- 隐私政策内容 -->
    <view class="privacy-content">
      <view class="section">
        本应用非常重视用户隐私政策并严格遵守相关的法律规定。请您仔细阅读《隐私政策》后再继续使用。
        如果您继续使用我们的服务，表示您已经充分阅读和理解我们协议的全部内容。
      </view>
      
      <view class="section">
        本小程序尊重并保护所有使用服务用户的个人隐私权。
        为了给您提供更准确、更优质的服务，本应用会按照本隐私权政策的规定使用和披露您的个人信息。
        除本隐私权政策另有规定外，在未征得您事先许可的情况下，本应用不会将这些信息对外披露或向第三方提供。
        本应用会不时更新本隐私权政策。您在同意本应用服务使用协议之时，即视为您已经同意本隐私权政策全部内容。
      </view>
      
      <view class="section">
        <text class="section-title">1. 适用范围</text>
        <view class="subsection">
          (a) 在您注册本应用小程序帐号时，您根据小程序要求提供的个人注册信息。<br/>
          (b) 在您使用本应用网络服务，或访问本应用平台网页时，本应用自动接收并记录的您的浏览器和计算机上的信息，
          包括但不限于您的IP地址、浏览器的类型、使用的语言、访问日期和时间、软硬件特征信息及您需求的网页记录等数据。<br/>
          (c) 本应用通过合法途径从商业伙伴处取得的用户个人数据。<br/>
          (d) 本应用严禁用户发布不良信息，如裸露、色情和亵渎内容，发布的内容我们会进行审核，一经发现不良信息，会禁用该用户的所有权限，予以封号处理。
        </view>
      </view>
      
      <view class="section">
        <text class="section-title">2. 信息使用</text>
        <view class="subsection">
          (a) 本应用不会向任何无关第三方提供、出售、出租、分享或交易您的个人登录信息。如果我们存储发生维修或升级，我们会事先发出推送消息来通知您，请您提前允许本应用消息通知。<br/>
          (b) 本应用亦不允许任何第三方以任何手段收集、编辑、出售或者无偿传播您的个人信息。任何本应用平台用户如从事上述活动，一经发现，本应用有权立即终止与该用户的服务协议。<br/>
          (c) 为服务用户的目的，本应用可能通过使用您的个人信息，向您提供您感兴趣的信息，包括但不限于向您发出产品和服务信息，
          或者与本应用合作伙伴共享信息以便他们向您发送有关其产品和服务的信息。（后者需要您的事先同意）
        </view>
      </view>
      
      <view class="section">
        <text class="section-title">3. 信息披露</text>
        <view class="subsection">
          (a) 未经您事先同意，我们不会向第三方披露。<br/>
          (b) 为提供您所要求的产品和服务，而必须和第三方分享您的个人信息。<br/>
          (c) 根据法律的有关规定，或者行政或司法机构的要求，向第三方或者行政、司法机构披露。<br/>
          (d) 如您出现违反中国有关法律、法规或者本应用服务协议或相关规则的情况，需要向第三方披露。<br/>
          (e) 如您是适格的知识产权投诉人并已提起投诉，应被投诉人要求，向被投诉人披露，以便双方处理可能的权利纠纷。
        </view>
      </view>
      
      <view class="section">
        <text class="section-title">4. 信息存储和交换</text>
        <view class="subsection">
          本应用收集的有关您的信息和资料将保存在本应用及（或）其关联公司的服务器上，这些信息和资料可能传送至您所在国家、地区或本应用收集信息和资料所在地的境外并在境外被访问、存储和展示。
        </view>
      </view>
      
      <view class="section">
        <text class="section-title">5. 本隐私政策的更改</text>
        <view class="subsection">
          (a) 如果决定更改隐私政策，我们会在本政策中、本公司网站中以及我们认为适当的位置发布这些更改。<br/>
          (b) 本公司保留随时修改本政策的权利，因此请经常查看。如对本政策作出重大更改，本公司会通过网站通知的形式告知。
        </view>
      </view>
      
      <view class="section notice">
        请您妥善保护自己的个人信息，仅在必要的情形下向他人提供。如您发现自己的个人信息泄密，尤其是本应用用户名及密码发生泄露，请您立即联络本应用客服，以便本应用采取相应措施。
      </view>
      
      <view class="section notice">
        感谢您花时间了解我们的隐私政策！我们将尽全力保护您的个人信息和合法权益，再次感谢您的信任！
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: '隐私政策',
      content: '请仔细阅读我们的隐私政策'
    }
  },
  onLoad(options) {
    if (options.title) {
      this.title = options.title
    }
    if (options.content) {
      this.content = options.content
    }
    uni.setNavigationBarTitle({
      title: this.title
    })
  }
}
</script>

<style>
page {
  background-color: #f8f8f8;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 28rpx;
  color: #333;
  line-height: 1.6;
}
 
/* 容器样式 */
.privacy-container {
  padding: 20rpx;
  max-width: 750rpx;
  margin: 0 auto;
}
 
 
.privacy-title {
  font-size: 36rpx;
  font-weight: bold;
  color: #333;
  display: block;
}
 
/* 内容区域 */
.privacy-content {
  background-color: #fff;
  border-radius: 16rpx;
  padding: 40rpx;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
}
 
/* 章节样式 */
.section {
  margin-bottom: 40rpx;
}
 
.section-title {
  font-weight: bold;
  color: #333;
  margin-bottom: 20rpx;
  display: block;
  font-size: 32rpx;
}
 
.subsection {
  color: #666;
  padding-left: 20rpx;
  margin-bottom: 20rpx;
}
 
.subsection text {
  display: block;
  margin-bottom: 12rpx;
}
 
.indent {
  padding-left: 40rpx;
  margin: 10rpx 0;
}
 
.indent text {
  display: block;
  margin-bottom: 8rpx;
}
 
/* 通知样式 */
.notice {
  font-style: italic;
  color: #666;
  text-align: center;
  margin: 40rpx 0;
  padding: 20rpx;
  background-color: #f9f9f9;
  border-radius: 8rpx;
}
 
/* 响应式调整 */
@media (min-width: 768px) {
  .policy-container {
    padding: 40rpx;
  }
  
  .policy-content {
    padding: 60rpx;
  }
}
</style>